<template>
	<view class="" style="margin-top: 100rpx;">
		<view class="m-margin-bottom" style="display: flex;justify-content: center;">
			<view class="">
				<image style="width: 160rpx;height: 160rpx;" src="../../static/user.png" mode="widthFix"></image>
				<view class="m-font-1" style="text-align: center;">
					优博络客
				</view>
			</view>
		</view>
		
		<view class="content m-margin-bottom">
			<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view class="m-font-2">
					消息中心
				</view>
				<view class="">
					<text class="m-font-3">更多</text>
					<image style="width: 36rpx;height: 36rpx;position: relative;top: 10rpx;" src="../../static/next.png" mode="widthFix"></image>
				</view>
			</view>
		
			<view class="m-notice-1 m-margin-bottom" >
				<view class="" style="display: flex;padding: 20rpx;">
					<view class="">
						<image style="width: 81rpx;height: 88rpx;" src="../../static/bell.png" mode="widthFix"></image>
					</view>
					<view class="">
						<view class="m-font-4">
							订单通知
						</view>
						<view class="m-font-5">
							您的订单892352394超时未支付已自带取消！
						</view>
					</view>
				</view>
			</view>
			
			<view>
				<view class="m-font-2 m-margin-bottom">
					订单中心
				</view>
				<view class="" style="display: flex;justify-content: flex-start;">
					<view @tap="toAllOrdier()" class="">
						<image style="width: 110rpx;height: 110rpx;margin-right: 150rpx;" src="../../static/m-order-1.png" mode="widthFix"></image>
						<view class="m-font-6">
							全部订单
						</view>
					</view>
					<view class="">
						<image style="width: 110rpx;height: 110rpx;margin-right: 150rpx;" src="../../static/m-order-2.png" mode="widthFix"></image>
						<view class="m-font-6">
							有效订单
						</view>		
					</view>	
					<view class="">
						<image style="width: 110rpx;height: 110rpx;" src="../../static/m-order-3.png" mode="widthFix"></image>
						<view class="m-font-6">
							待支付订单
						</view>
					</view>
					
				</view>
			</view>
		
		</view>
		
		<view class="o-bg-3 m-margin-bottom"></view>
		
		<view class="content">
			<view @tap="toOrder4" class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view  class="m-font-7">
					我的清单
				</view>
				<view class="">
					<image style="width: 56rpx;height: 56rpx;" src="../../static/m-1.png" mode="widthFix"></image>
				</view>
			</view>
			<view @tap="toNone3()" class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view class="m-font-7">
					项目管理
				</view>
				<view class="">
					<image style="width: 56rpx;height: 56rpx;" src="../../static/m-2.png" mode="widthFix"></image>
				</view>
			</view>
			<view @tap="toNone3()" class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view class="m-font-7">
					意见反馈
				</view>
				<view class="">
					<image style="width: 56rpx;height: 56rpx;" src="../../static/m-3.png" mode="widthFix"></image>
				</view>
			</view>
			<view @tap="toNone3()" class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view class="m-font-7">
					关于我们
				</view>
				<view class="">
					<image style="width: 56rpx;height: 56rpx;" src="../../static/m-3.png" mode="widthFix"></image>
				</view>
			</view>
			<view @tap="toNone3()" class="m-margin-bottom" style="display: flex;justify-content: space-between;">
				<view class="m-font-7">
					设置
				</view>
				<view class="">
					<image style="width: 56rpx;height: 56rpx;" src="../../static/m-5.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		
	<!-- 	<view class="">
				<button type="default" @tap="toComment()">发票</button>
		</view> -->
		
	<!-- 	<view class="">
			<button type="default" @tap="toTicket()">发票</button>
		</view>
		<view class="">
			<button type="default" @tap="toEnactList()">登录注册</button>
		</view>
		<view class="">
			<button type="default" @tap="toLogin1()">登录注册</button>
		</view>
		<view class="">
			<button type="default" @tap="toOrderList3">交付顺序-完成-编辑</button>
		</view>
		<view class="">
			<button type="default" @tap="toOrderList2">交付顺序-编辑</button>
		</view>
		<view class="">
			<button type="default" @tap="toOrderList">交付顺序-完成</button>
		</view> --> 
		
		
		
	<!-- 	<view class="">
			<button type="default" @tap="toLogin">登录</button>
		</view>
		<view class="">
			<button type="default" @tap="toEnactList()">登录注册</button>
		</view>
		<view class="">
			<button type="default" @tap="toLogin1()">登录注册</button>
		</view> -->
		
		
		
<!-- 		<view class="">
			<button type="default" @tap="toAddr">新增地址</button>
		</view>
		<view class="">
			<button type="warn" @tap="toAddr2">订单跟踪</button>
		</view>
		<view class="">
			<button type="warn" @tap="toAddr3">订单跟踪-子订单</button>
		</view>
		<view class="">
			<button type="warn" @tap="toOrder4">我的清单</button>
		</view>
		<view class="">
			<button type="warn" @tap="toOrder5">清单详情</button>
		</view>
		<view class="">
			<button type="warn" @tap="toNone1">None1</button>
		</view>
		<view class="">
			<button type="warn" @tap="toNone2">None2</button>
		</view>
		<view class="">
			<button type="warn" @tap="toNone3">None3</button>
		</view> -->
	</view>
	
</template>

<script>

	export default {
		 components: {
		       
		    },
	    data() {

	        return {	
 switchTitle1: '包邮',
    switchTitle2: '团购',
    itemTitle: '筛选',
    option1: [
      { text: '全部商品', value: 0 },
      { text: '新款商品', value: 1 },
      { text: '活动商品', value: 2 },
    ],
    value1: 0,
			}
	    },
	    computed: {
			
	    },
		methods:{
			toComment:function(){
				uni.navigateTo({ 
					url:'../comment/comment'
				})
			},
			toAllOrdier:function(){
				uni.switchTab({
					url:'../order/order'
				})
			},
			toEnactList:function(){
				uni.navigateTo({
					url:'../enact-list/enact-list'
				})
			},
			onSwitch1Change:function(e){
				console.log(e)
			},
			toOrderList3:function(){
				uni.navigateTo({
					url:'../order-list-3/order-list-3'
				})
			},
			toOrderList2:function(){
				uni.navigateTo({
					url:'../order-list-2/order-list-2'
				})
			},
			toOrderList:function(){
				uni.navigateTo({
					url:'../order-list-1/order-list-1'
				})
			},
			toLogin:function(){
				uni.navigateTo({
					url:'../mine-1/mine-1'
				})
			},
			toLogin1:function(){
				uni.navigateTo({
					url:'../login/login'
				})
			},
			toAddr:function(){
				uni.navigateTo({
					url:'../addr/addr'
				})
			},
			toAddr2:function(){
				uni.navigateTo({
					url:'../addr-2/addr-2'
				})
			},
			toAddr3:function(){
				uni.navigateTo({
					url:'../addr-3/addr-3'
				})
			},
			toOrder4:function(){
				uni.navigateTo({
					url:'../order-4/order-4'
				})
			},
			toOrder5:function(){
				uni.navigateTo({
					url:'../order-5/order-5'
				})
			},
			toNone1:function(){
				uni.navigateTo({
					url:'../none-1/none-1'
				})
			},
			toNone2:function(){
				uni.navigateTo({
					url:'../none-2/none-2'
				})
			},
			toNone3:function(){
				uni.navigateTo({
					url:'../none-3/none-3'
				})
			},
			toTicket:function(){
				uni.navigateTo({
					url:'../ticket/ticket'
				})
			}
		}
	}
</script>

<style scoped lang="less">
@import url('../../style.less');
@import url('mine.less');
</style>
